<template>
  <div>
    <footer>
      <div class="bottom footer">
        <div class="f-item" style="width: 350px;font-size: 8px;">
          <div><img class="logo" src="https://law.bit.edu.cn/images/logo.png" alt=""></div>
          <div>地址：北京市房山区良乡东路9号</div>
          <div>邮编：100024</div>
          <div>服务邮箱：(网页内容)Webmaster@
            (网络服务)service@bit.edu.cn
          </div>
          <div>
            北京理工大学法学院 版权所有
            京ICP备10019879号京公网安备110402430044号
          </div>
        </div>
        <div class="f-item" style="width: 250px" >
          <div style="font-size: 15px;margin-bottom: 34px;padding: 20px 20px 0;">友情链接</div>
          <div style="display: flex;justify-content: space-around;flex-direction: column;font-size: 14px;">
            <div>
              <a href="https://lib.bit.edu.cn/">北京理工大学图书馆</a>
            </div>
            <div>
              <a href="https://www.bit.edu.cn/">北京理工大学</a>
            </div>
          </div>
        </div>
        <div class="f-item" style="width: 200px" >
          <div style="font-size: 16px;margin-bottom: 34px;padding: 20px 20px 0;">资源库</div>
          <div style="display: flex;justify-content: space-around;flex-direction: column;font-size: 14px;">
                <div>
              <a href="http://www.wanfangdata.com.cn/">万方数据</a>
            </div>
            <div>
              <a href="http://search.cnki.net/kns/index.html?code=CJFZ">中国知网</a>
            </div>
          </div>
        </div>
        <div class="f-item">
          <!-- <div class="ewms"><img class="logo" src="	https://law.bit.edu.cn/images/erweima.png" alt=""></div> -->
          <!-- <div style="font-size: 15px;text-align: center">北京理工大学法学院微信公众号</div> -->
        </div>
      </div>
    </footer>
  </div>
</template>

<script>
export default {
  name: "bottom"
}
</script>

<style scoped>
a {
  text-decoration: none;
  color: #c0c0c0;
}

.ewms {
  margin: 0 auto 20px;
  width: 130px;
  height: 130px;
}

.f-item {
  line-height: 2;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: space-between;
  color: #ffffff;

  text-align: left;
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  margin-right: 10px;
}

.logo {
  width: 100%;
  height: 100%;
}

.bottom {
  display: flex;
  justify-content: space-around;
  margin: 0 10px;
}

footer::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url('https://law.bit.edu.cn/images/footer.png') no-repeat;
  background-size: cover;
}

footer {
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  z-index: 5;
}

.footer {
  padding: 20px 0 10px;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  z-index: 5;
}
</style>
